<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge"> -->
    <script src="assets/flexible/flexible.debug.js"></script>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index4.css">
    <link rel="stylesheet" href="assets/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="images/font_h0dk9j6wjwx0qkt9/iconfont.css">
    <link rel="stylesheet" href="assets/animate/animate.min.css">
</head>

<body>
    <div class="rongqi">
        <header class="hed">
            <span class="iconfont icon-home sp"></span>
            <p>挑战</p>
            <span class="iconfont icon-wenben wb"></span>
        </header>
        <section class="daren">
            <div class="timu">
                <h1>达人</h1>
            </div>
            <div class="swiper-container asw">
                <div class="swiper-wrapper aqw">
                    <div class="swiper-slide wq">
                        <img src="images/adaren4.jpg" alt="">
                    </div>
                    <div class="swiper-slide wq">
                        <img src="images/daren.png" alt="">
                    </div>
                    <div class="swiper-slide wq">
                        <img src="images/daren1.jpg" alt="">
                    </div>
                    <div class="swiper-slide wq">
                        <img src="images/daren2.jpg" alt="">
                    </div>
                    <div class="swiper-slide wq">
                        <img src="images/daren3.jpg" alt="">
                    </div>
                </div>
            </div>
        </section>

        <section class="renwu">
            <div class="ren">
                <h1>任务</h1>
            </div>
            <div class="swiper-container asw">
                <div class="swiper-wrapper aqw">
                    <div class="swiper-slide wq">
                        <img src="images/liwu.jpg" alt="">
                    </div>
                    <div class="swiper-slide wq">
                        <img src="images/liwu2.jpg" alt="">
                    </div>
                    <div class="swiper-slide wq">
                        <img src="images/liwu3.png" alt="">
                    </div>
                    <div class="swiper-slide wq">
                        <img src="images/daren2.jpg" alt="">
                    </div>
                    <div class="swiper-slide wq">
                        <img src="images/daren3.jpg" alt="">
                    </div>
                </div>
            </div>
        </section>

        <section class="huodong">
            <header class="remen">
                <h1>热门活动</h1>
                <span>更多</span>
            </header>
            <figure class="imge">
                <img src="images/huodong1.jpg" alt="">
                <div class="mengceng">
                    <h3>酒吧的夜晚，更醉人！</h3>
                    <p>北京三里屯酒吧街</p>
                </div>
            </figure>
            <figure class="imge">
                <img src="images/huodong2.jpg" alt="">
                <div class="mengceng">
                    <h3>YHOUSE的介绍</h3>
                    <p>客服 联系 关注</p>
                </div>
            </figure>
            <figure class="imge">
                <img src="images/huodong3.jpg" alt="">
                <div class="mengceng">
                    <h3>更多美味的披萨</h3>
                    <p>就在YHOUSE美食店</p>
                </div>
            </figure>
            <figure class="imge">
                <img src="images/huodong5.jpg" alt="">
                <div class="mengceng">
                    <h3>更多美味的披萨</h3>
                    <p>就在YHOUSE美食店</p>
                </div>
            </figure>
            <figure class="imge">
                <img src="images/huodong6.jpg" alt="">
                <div class="mengceng">
                    <h3>更多美味的披萨</h3>
                    <p>就在YHOUSE美食店</p>
                </div>
            </figure>
        </section>
        <footer class="font">
            <a href="index1.html">
                <dl>
                    <dt class="iconfont  icon-shequ"></dt>
                    <dd>社区</dd>
                </dl>
            </a>
            <a href="index2.html">
                <dl>
                    <dt class="iconfont icon-meishi"></dt>
                    <dd>城市指南</dd>
                </dl>
            </a>
            <a href="index3.html">
                <dl>
                    <dt class="iconfont icon-vip"></dt>
                    <dd>VIP会员</dd>
                </dl>
            </a>
            <a href="">
                <dl>
                    <dt class="iconfont icon-jiangli"></dt>
                    <dd>挑战</dd>
                </dl>
            </a>
            <a href="index5.html">
                <dl>
                    <dt class="iconfont icon-home"></dt>
                    <dd>我的</dd>
                </dl>
            </a>
        </footer>
    </div>

    <!-- 跳转页面 -->
    <div class="dainjidenglu">
        <header class="toubu">
            <span class="fanhui">
                <</span>
                    <p>手机登录</p>
        </header>
        <div class="denglukuang">
            <div class="shang">
                <input type="text" placeholder="请输入手机号">
                <button class="btn">获取验证码</button>
            </div>
            <div class="shang">
                <input type="text" placeholder="请输入验证码" class="ipt">
            </div>
            <div class="deng">
                <p>点登陆同意
                    <span>用户协议</span>
                </p>
            </div>

        </div>
        <section class="anniu">
            <button class="lu">登陆</button>
            <div class="yanzheng">
                <p>收不到短信验证码吗？点击
                    <span>获取语音验证码</span>
                </p>
            </div>
        </section>
        <section class="disanfang">
            <h3>第三方登陆</h3>
            <figure class="fg">
                <div class="tongxun">
                    <img src="images/weixin.png" alt="">
                </div>
                <div class="tongxun">
                    <img src="images/weibo.jpg" alt="">
                </div>
                <div class="tongxun">
                    <img src="images/qq1.jpg" alt="">
                </div>
            </figure>
        </section>
    </div>





    <script src="assets/jquery/jquery-3.2.1.js"></script>
    <script src="assets/swiper/js/swiper.min.js"></script>
    <script src="assets/swiper/js/template-web.js"></script>
    <script src="images/font_h0dk9j6wjwx0qkt9/iconfont.js"></script>
    <script src="assets/swiper/js/swiper.animate1.0.2.min.js"></script>
    <script src="js/index4.js"></script>
    <script>
    </script>
</body>

</html>